<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<%--<link href="style/alogin.css" rel="stylesheet" type="text/css" />--%>
	<link rel="stylesheet" type="text/css" href="css/style.css" />
	<link rel="stylesheet" type="text/css" href="css/body.css"/>
	<title>用户登录</title>
<script type="text/javascript">
	function loadimage(){
		document.getElementById("randImage").src="images/image.jsp?"+Math.random();
	}
</script>
</head>
<body>
<div class="container">
	<section id="content">
		<form id="form1" name="form1" action="login.htm" method="post">
			<h1>图书馆预约占座系统</h1>
			<div>
				<input id="userName" placeholder="用户名" name="userName" type="text" class="txt" value="${userName }" />
<%--				<input type="text" placeholder="用户名" required="" id="username" />--%>
			</div>
			<div>
				<input id="password" placeholder="密码" name="password" type="password" class="txt" value="${password }" onkeydown= "if(event.keyCode==13)form1.submit()"/>
<%--				<input type="password" placeholder="密码" required="" id="password" />--%>
			</div>
			<div>
				<input type="text" style="width:225px" placeholder="验证码" value="${imageCode }" name="imageCode"  class="txtCode" id="imageCode" size="10" onkeydown= "if(event.keyCode==13)form1.submit()"/>&nbsp;<img onclick="javascript:loadimage();"  title="换一张试试" name="randImage" id="randImage" src="images/image.jsp" width="60" height="20" border="1" align="absmiddle">
<%--				<input id="password" placeholder="密码" name="password" type="password" class="txt" value="${password }" onkeydown= "if(event.keyCode==13)form1.submit()"/>--%>
				<%--				<input type="password" placeholder="密码" required="" id="password" />--%>
			</div>
			<div class="">
				<span class="help-block u-errormessage" id="js-server-helpinfo">&nbsp;</span>			</div>
			<div>
				<!-- <input type="submit" value="Log in" /> -->
				<input type="submit" value="登录" onclick="javascript:document.getElementById('form1').submit()" class="btn btn-primary" id="js-btn-login"/><span ><font color="red">${error }</font></span>
				<a href="#">忘记密码?</a>
				<!-- <a href="#">Register</a> -->
			</div>
		</form><!-- form -->
		<div class="button">
			<span class="help-block u-errormessage" id="js-server-helpinfo">&nbsp;</span>
		</div> <!-- button -->
	</section><!-- content -->
</div>
<!-- container -->

<%--<form id="form1" name="form1" action="login.htm" method="post">--%>
<%--	<div class="MAIN">--%>
<%--		<ul>--%>
<%--			<li class="top"></li>--%>
<%--			<li class="top2"></li>--%>
<%--			<li class="topA"></li>--%>
<%--			<li class="topB">--%>
<%--				<span>--%>
<%--					<a href="" target="_blank"></a>--%>
<%--				</span>--%>
<%--			</li>--%>
<%--			<li class="topC"></li>--%>
<%--			<li class="topD">--%>
<%--			<ul class="login">--%>
<%--				<br/>--%>
<%--				<br/>--%>
<%--				<li><span class="left">用户名：</span> <span style=""> <input id="userName" name="userName" type="text" class="txt" value="${userName }" /> </span></li>--%>
<%--				<li><span class="left">密&nbsp;&nbsp;&nbsp;码：</span> <span style=""> <input id="password" name="password" type="password" class="txt" value="${password }" onkeydown= "if(event.keyCode==13)form1.submit()"/> </span></li>--%>
<%--				<li><span class="left">验证码：</span> <span style=""> <input type="text" value="${imageCode }" name="imageCode"  class="txtCode" id="imageCode" size="10" onkeydown= "if(event.keyCode==13)form1.submit()"/>&nbsp;<img onclick="javascript:loadimage();"  title="换一张试试" name="randImage" id="randImage" src="images/image.jsp" width="60" height="20" border="1" align="absmiddle"> </span></li>--%>
<%--			</ul>--%>
<%--			</li>--%>
<%--			<li class="topE"></li>--%>
<%--			<li class="middle_A"></li>--%>
<%--			<li class="middle_B"></li>--%>
<%--			<li class="middle_C"><span class="btn"> <img alt="" src="images/login/btnlogin.gif" onclick="javascript:document.getElementById('form1').submit()"/> </span>&nbsp;&nbsp;<span ><font color="red">${error }</font></span></li>--%>
<%--			<li class="middle_D"></li>--%>
<%--			<li class="bottom_A"></li>--%>
<%--			<li class="bottom_B">图书馆座位分配系统</li>--%>
<%--		</ul>--%>
<%--	</div>--%>
<%--</form>--%>
</body>
</html>